<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="jquery.keyhold.js"></script>
<script type="text/javascript">
$(function() {
	$('#myTest').keyHold();
	$('#myTest').bind("keyheld", function(e){
		$(this).css('background', '#eeb');
	})
	$('#myTest').bind("keyunhold", function(e){
		$(this).css('background', '#bfb');
	})
});
</script>
</head>
<body>
<div id="buttons">
	<div class="clear"></div>
	<textarea id="myTest" rows="4" cols="20">With keyhold. Hold a key for a while, then release it.</textarea>
	<textarea id="notHolding" rows="4" cols="20">Not binded.</textarea>
	<p>Read the console log for event details.</p>
</div>
</body>
</html>